<template>
  <baseCard :title="title">
    <template #content>
      <div class="content">
        <el-row :gutter="20">
          <el-col :span="6" v-for="item in advantageList" class="advantage">
            <CustomerCard :info="item" />
          </el-col>
        </el-row>
      </div>
    </template>
  </baseCard>
  <unload />
</template>

<script lang="ts" setup name="CustomerCooperation">
import CustomerCard from '@/components/CustomerCard/index.vue'
import baseCard from '@/components/baseCard/index.vue'
import unload from '@/components/Unload/index.vue'

const title = '客户合作案例'

const advantageList = [
  {
    title: '汇祥律师事务所',
    img: '	https://a.300.cn/excellent/20240515/664474c05d21a.png',
    describe:
      '不仅具备符合行业特点的专业展示能力，还要在营销和业务场景上具备流量获取、案源转化的能力。',
    exploit: '律所社会服务 企业服务'
  },
  {
    title: '汇祥律师事务所',
    img: '	https://a.300.cn/excellent/20240515/664474c05d21a.png',
    describe:
      '不仅具备符合行业特点的专业展示能力，还要在营销和业务场景上具备流量获取、案源转化的能力。',
    exploit: '律所社会服务 企业服务'
  },
  {
    title: '汇祥律师事务所',
    img: '	https://a.300.cn/excellent/20240515/664474c05d21a.png',
    describe:
      '不仅具备符合行业特点的专业展示能力，还要在营销和业务场景上具备流量获取、案源转化的能力。',
    exploit: '律所社会服务 企业服务'
  },
  {
    title: '汇祥律师事务所',
    img: '	https://a.300.cn/excellent/20240515/664474c05d21a.png',
    describe:
      '不仅具备符合行业特点的专业展示能力，还要在营销和业务场景上具备流量获取、案源转化的能力。',
    exploit: '律所社会服务 企业服务'
  }
]
</script>

<style lang="less" scoped>
.advantage {
  margin: 20px 0;
}

.content {
  width: 1320px;
}

.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}
</style>
